<div ms-controller="noticeDetail" id="noticeDetail">

    <ol class="breadcrumb">
        <li><a href="#!/notice/list/">公告列表</a></li>
        <li class="active" ms-if="mode==MODE.add">新建公告</li>
        <li class="active" ms-if="mode==MODE.edit">编辑公告</li>
    </ol>

    <div class="body clearfix">

        <h1 ms-if="mode==MODE.add">新建公告</h1>
        <h1 ms-if="mode==MODE.edit">编辑公告</h1>

        <hr class="col-xs-12">

        <div class="col-xs-12">
            <h4 class="col-xs-12">题目
                <span>(必填)</span></h4>
            <div class="col-xs-12">
                <label>
                    <input type="text" class="form-control" placeholder="请输入标题" ms-duplex-string="title">
                </label>
            </div>
        </div>

        <div class="col-xs-12">
            <h4 class="col-xs-12">班级
                <span>(必填)</span></h4>
            <div class="col-xs-12">
                <div ms-repeat="classSelectList" class="col-xs-2">
                    <label class="checkbox">
                        <input type="checkbox" data-toggle="checkbox" ms-attr-value="el"
                               ms-duplex-string="classSelected">{{el}}
                    </label>
                </div>
            </div>
        </div>

        <hr class="col-xs-12">

        <div class="col-xs-12">
            <h4 class="col-xs-12">内容<span>(必填)</span></h4>
            <div class="col-xs-12">
                <textarea class="form-control col-xs-12" placeholder="请输入内容" ms-duplex-string="article"></textarea>
            </div>
        </div>

        <div class="col-xs-12">
            <div class="col-xs-12">
                <label class="checkbox">
                    <input type="checkbox" data-toggle="checkbox"
                           ms-duplex-checked="send">同时群发邮件
                </label>
            </div>
        </div>

        <hr class="col-xs-12">
        <div class="col-xs-12">
            <button class="btn btn-success" ms-click="submit" style="width: 150px">
                <i class="glyphicon glyphicon-ok"></i>
                <span>完成</span>
            </button>
        </div>


    </div>

    <style>

        input[type=text] {
            width: 300px;
        }

        textarea {
            resize: none;
            overflow: hidden;
        }

        button.btn {
            font-size: 12px;
        }
    </style>


</div>